<template>
	<view class="mnemonic">
		<view class="mnemonic-top">
			<text>创建你的</text>
			<text>LAB钱包</text>
		</view>
		<view class="mnemonic-btn-wrap">
			<view class="mnemonic-btn active" hover-class="btn-hover" @tap="goPage('/pages/user/mnemonic/creation?phone=')">
				创建钱包
			</view>
			<view class="mnemonic-btn" hover-class="btn-hover" @tap="goPage()">
				恢复钱包
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			phone: ''
		};
	},
	onLoad(key) {
		this.phone = key.phone
	},
	methods: {
		goPage(url) {
			if (!url) {
				uni.showToast({
					title: '功能开发中',
					icon: 'none'
				});
				return
			}
			uni.navigateTo({
				url: url+this.phone
			});
		},
	},
};
</script>

<style scoped lang="scss">
.mnemonic {
	&-top {
		padding: 200upx 0 100upx 0;
		font-size: 50upx;
		font-weight: 600;
		color: #fff;
		text-align: center;
		background: linear-gradient(bottom, #e01c1c, #f5746d) no-repeat;
		text {
			display: block;
		}
	}
	&-btn-wrap {
		padding: 60upx 100upx
	}
	&-btn {
		width: 100%;
		height: 90upx;
		margin-bottom: 30upx;
		line-height: 90upx;
		text-align: center;
		color: #fff;
		border-radius: 80upx;
		background-color: #d6d5d5;
		&.active {
			background: linear-gradient(bottom, #ff1f1f, #f4544d) no-repeat;
		}
	}
}
</style>
